<template>
  <Menu :theme="theme">
    <Submenu name="1">
      <template #title>
        <Icon type="ios-paper" />
        内容管理
      </template>
      <MenuItem name="1-1">文章管理</MenuItem>
      <MenuItem name="1-2">评论管理</MenuItem>
      <MenuItem name="1-3">举报管理</MenuItem>
    </Submenu>
    <Submenu name="2">
      <template #title>
        <Icon type="ios-people" />
        用户管理
      </template>
      <MenuItem name="2-1">新增用户</MenuItem>
      <MenuItem name="2-2">活跃用户</MenuItem>
    </Submenu>
  </Menu>
</template>
<script setup>
import { computed } from "vue";
import useSettingsStore from "@/store/modules/settings";
const settingsStore = useSettingsStore();
const theme = computed(() => settingsStore.sideTheme);
</script>
<style lang="less">
.ivu-menu-vertical .ivu-menu-item:hover,
.ivu-menu-vertical .ivu-menu-submenu-title:hover {
  color: var(--current-color) !important;
}

.ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu) {
  color: var(--current-color) !important;
}
</style>
